<!doctype html>
<html lang="zh-cmn-Hans">

<head>
<!-- 编码方式 -->
<meta charset="utf-8">
<!-- 移动端视图 -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- SEO友好关键字 -->
<meta name="keywords" content="西南科技大学">
<meta name="keywords" content="计算机&网络技术协会">
<meta name="keywords" content="西南科技大学计算机&网络技术协会">
<meta name="keywords" content="首页">
<!-- 页面描述内容 -->
<meta name="description" content="西南科技大学计算机&网络技术协会">
<!-- 作者 -->
<meta name="author" content="西南科技大学计算机&网络技术协会,1519518315@qq.com">
<!-- 搜索引擎索引 -->
<meta name="robots" content="index">
<!-- 搜索引擎爬虫重访时间 -->
<meta name="revisit-after" content="1 days">
<!-- 默认webkit内核 -->
<meta name="renderer" content="webkit">

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="/css/resources/bootstrap.css">
<link rel="stylesheet" href="/fontawesome-free-5.11.2-web/css/all.css">
<!-- yangjiangtao -->
<link rel="stylesheet" href="/css/front/yjt.layout.css">
<link rel="stylesheet" href="/css/front/yjt.jumbotron.css">
<link rel="stylesheet" href="/css/front/yjt.menu.css">
<link rel="stylesheet" href="/css/front/yjt.post.css">
<link rel="stylesheet" href="/css/front/yjt.aside.box.css">
<!-- 你的css样式 -->


<title>Welcome to CaitClub</title>
</head>

<body>
<div id="page" class="page">
    <aside class="aside-menu bg-black text-white " id="collapseAside">
        <ul class="menu-nav">
            <li class="brand">Cait·Club</li>
            <li><a href="index.html">Home</a></li>
            <li><a href="news.html">News</a></li>
            <li><a href="notice.html">Notice</a></li>
            <li><a href="member.html">Members</a></li>
            <li><a href="about.html">About</a></li>
        </ul>
        <div class="px-5 ">
            <div class="seacher-box py-4 mb-4">
                <h2 class="box-title">Search</h2>
                <form action="#" class="search-form" method="GET">
                    <label class="search-field">
                        <span class="sr-only">Search...</span>
                        <input type="text" class="search-btn" placeholder="Search...">
                    </label>
                    <button type="submit" class="search-submit" placeholder="Search...">
                        <i class="fas fa-search"></i>
                    </button>
                </form>
            </div>
            <div class="lastest-file-box py-4 mb-5">
                <h2 class="box-title">Latest Posts</h2>
                <ul class="list-unstyled file-list">
                    <li>
                        <blockquote class="blockquote">
                            <a href="#" class="file-list-title">
                                Our trip to Mount Cook
                            </a>
                            <footer class="blockquote-footer">March 25, 2015 <cite title="Source Title">LYS</cite>
                            </footer>
                        </blockquote>
                    </li>
                    <li>
                        <blockquote class="blockquote">
                            <a href="#" class="file-list-title">Vegetable stir fry
                            </a>
                            <footer class="blockquote-footer">March 25, 2015 <cite title="Source Title">LYS</cite>
                            </footer>
                        </blockquote>
                    </li>
                    <li>
                        <blockquote class="blockquote">
                            <a href="#" class="file-list-title">The eighth Wonder of the
                                World
                            </a>
                            <footer class="blockquote-footer">March 25, 2015 <cite title="Source Title">LYS</cite>
                            </footer>
                        </blockquote>
                    </li>
                    <li>
                        <blockquote class="blockquote">
                            <a href="#" class="file-list-title">
                                Our trip to Mount Cook
                            </a>
                            <footer class="blockquote-footer">March 25, 2015 <cite title="Source Title">LYS</cite>
                            </footer>
                        </blockquote>
                    </li>
                    <li>
                        <blockquote class="blockquote">
                            <a href="#" class="file-list-title">Vegetable stir fry
                            </a>
                            <footer class="blockquote-footer">March 25, 2015 <cite title="Source Title">LYS</cite>
                            </footer>
                        </blockquote>
                    </li>
                </ul>
            </div>
            <div class="tag-box py-4 ">
                <h2 class="box-title">Tags</h2>
                <div class="tages">
                    <a href="#"> website stores</a>
                    <a href="#" class="h4">bootstrap </a>
                    <a href="#">home </a>
                    <a href="#">home </a>
                    <a href="#">alcohol </a>
                    <a href="#">home </a>
                    <a href="#" class="h3">website stores </a>
                    <a href="#"> </a>
                    <a href="#" class="h3">collect information </a>
                    <a href="#" class="h2"> information </a>
                    <a href="#"> </a>
                    <a href="#">collect information </a>
                    <a href="#" class="h3">collect information </a>
                    <a href="#"></a> </a>
                    <a href="#" class="h5">collect information </a>
                    <a href="#">information </a>
                    <a href="#" class="h4">collect information </a>
                    <a href="#">collect information </a>
                    <a href="#" class="h2">collect information </a>
                    <a href="#" class="h6">collect information </a>
                    <a href="#"> interact with </a>
                    <a href="#" class="h5"> visitors both </a>
                    <a href="#" class="h6">analytics </a>
                    <a href="#" class="h3">other media.</a>
                    <a href="#"> cookies </a>
                    <a href="#" class="h2">these problems</a>
                    <a href="#">Customers </a>
                    <a href="#" class="h5">common</a>
                </div>
            </div>
            <div class="about-box py-4 mb-5">
                <h2 class="box-title ">About Us</h2>
                <p>Publication is an elegant blog and magazine theme that features
                    full-screen Featured Images. It’s perfect for sites about fashion,
                    food, travel, or design. With balanced typography, colors, and
                    attention to detail, Publication helps you create visually stunning
                    posts.</p>
            </div>
        </div>
    </aside>

    <header>
        <section>
            <div class="jumbotron bg-jumbotron text-light mb-0">
                <h1 class="heading m-0">Cait·Club</h1>
                <button id="menuBtn" class="menu-btn" style="z-index: 1000;">
                    <i class="fas fa-1x fa-bars"></i>
                </button>

                <div>
                    <h1 class="display-4">Welcome to Swust Cait.club!</h1>
                    <p class="lead mb-0">欢迎访问西南科技大学 计算机网络&技术协会官方网站！
                        <br>
                        您正在访问“成员-更多”相关内容
                    </p>
                </div>
            </div>
        </section>
    </header>

    <main>
        <div class="container-fluid">
            <div class="row">
                <div class=" col-md-1 col-lg-1 col-xl-1 bg-light"></div>

                <div class="col-sm-12 col-md-10 col-lg-10 col-xl-10 bg-white">
                    <div class="mt-3 ml-2">
                        <h3 style="color:rgb(239, 125, 11);">现任理事层</h3>
                        <div class="card-deck container m-auto">
                            <div class="row mt-4 ml-3 m-auto">

                                <div class="card col-sm-12 col-md-4 col-lg-4 col-xl-4" style="width: 18rem;">
                                    <img src="/img/u=2552706548,3395649075&fm=26&gp=0.jpg" class="card-img-top"
                                        alt="...">
                                    <div class="card-body">
                                        <p class="card-text">姓名：<br>职务：<br>年级：<br>专业：</p>
                                    </div>
                                </div>

                                <div class="card col-sm-12 col-md-4 col-lg-4 col-xl-4" style="width: 18rem;">
                                    <img src="/img/u=2552706548,3395649075&fm=26&gp=0.jpg" class="card-img-top"
                                        alt="...">
                                    <div class="card-body">
                                        <p class="card-text">姓名：<br>职务：<br>年级：<br>专业：</p>
                                    </div>
                                </div>

                                <div class="card col-sm-12 col-md-4 col-lg-4 col-xl-4" style="width: 18rem;">
                                    <img src="/img/u=2552706548,3395649075&fm=26&gp=0.jpg" class="card-img-top"
                                        alt="...">
                                    <div class="card-body">
                                        <p class="card-text">姓名：<br>职务：<br>年级：<br>专业：</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div>
                        <h3 style="color:rgb(239, 125, 11);">历任理事层</h3>
                        <div class="card-deck container m-auto">
                            <div class="row mt-4 ml-3 m-auto">
                                <div class="card col-sm-12 col-md-4 col-lg-4 col-xl-4" style="width: 18rem;">
                                    <img src="/img/u=2552706548,3395649075&fm=26&gp=0.jpg" class="card-img-top"
                                        alt="...">
                                    <div class="card-body">
                                        <p class="card-text">姓名：<br>职务：<br>年级：<br>专业：</p>
                                    </div>
                                </div>

                                <div class="card col-sm-12 col-md-4 col-lg-4 col-xl-4" style="width: 18rem;">
                                    <img src="/img/u=2552706548,3395649075&fm=26&gp=0.jpg" class="card-img-top"
                                        alt="...">
                                    <div class="card-body">
                                        <p class="card-text">姓名：<br>职务：<br>年级：<br>专业：</p>
                                    </div>
                                </div>

                                <div class="card col-sm-12 col-md-4 col-lg-4 col-xl-4" style="width: 18rem;">
                                    <img src="/img/u=2552706548,3395649075&fm=26&gp=0.jpg" class="card-img-top"
                                        alt="...">
                                    <div class="card-body">
                                        <p class="card-text">姓名：<br>职务：<br>年级：<br>专业：</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <hr>

                        <div class="mt-3 ml-2 mb-3">
                            <h3 style="color:rgb(239, 125, 11);">现任干事层</h3>
                            <div class="card-deck container m-auto">
                                <div class="row mt-4 ml-3 m-auto">

                                    <div class="card col-sm-12 col-md-4 col-lg-4 col-xl-4" style="width: 18rem;">
                                        <img src="/img/u=2552706548,3395649075&fm=26&gp=0.jpg" class="card-img-top"
                                            alt="...">
                                        <div class="card-body">
                                            <p class="card-text">姓名：<br>职务：<br>年级：<br>专业：</p>
                                        </div>
                                    </div>

                                    <div class="card col-sm-12 col-md-4 col-lg-4 col-xl-4" style="width: 18rem;">
                                        <img src="/img/u=2552706548,3395649075&fm=26&gp=0.jpg" class="card-img-top"
                                            alt="...">
                                        <div class="card-body">
                                            <p class="card-text">姓名：<br>职务：<br>年级：<br>专业：</p>
                                        </div>
                                    </div>

                                    <div class="card col-sm-12 col-md-4 col-lg-4 col-xl-4" style="width: 18rem;">
                                        <img src="/img/u=2552706548,3395649075&fm=26&gp=0.jpg" class="card-img-top"
                                            alt="...">
                                        <div class="card-body">
                                            <p class="card-text">姓名：<br>职务：<br>年级：<br>专业：</p>
                                        </div>
                                    </div>
                                </div>

                                <div class="card-deck container m-auto">
                                    <div class="row mt-4 ml-3 m-auto">
                                        <div class="card col-sm-12 col-md-4 col-lg-4 col-xl-4 mt-3"
                                            style="width: 18rem;">
                                            <img src="/img/u=2552706548,3395649075&fm=26&gp=0.jpg"
                                                class="card-img-top" alt="...">
                                            <div class="card-body">
                                                <p class="card-text">姓名：<br>职务：<br>年级：<br>专业：</p>
                                            </div>
                                        </div>

                                        <div class="card col-sm-12 col-md-4 col-lg-4 col-xl-4 mt-3"
                                            style="width: 18rem;">
                                            <img src="/img/u=2552706548,3395649075&fm=26&gp=0.jpg"
                                                class="card-img-top" alt="...">
                                            <div class="card-body">
                                                <p class="card-text">姓名：<br>职务：<br>年级：<br>专业：</p>
                                            </div>
                                        </div>

                                        <div class="card col-sm-12 col-md-4 col-lg-4 col-xl-4 mt-3"
                                            style="width: 18rem;">
                                            <img src="/img/u=2552706548,3395649075&fm=26&gp=0.jpg"
                                                class="card-img-top" alt="...">
                                            <div class="card-body">
                                                <p class="card-text">姓名：<br>职务：<br>年级：<br>专业：</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <hr>
                        <div class="mb-3">
                            <h3 style="color:rgb(239, 125, 11);">历任干事层</h3>
                            <div class="card-deck container m-auto">
                                <div class="row mt-4 ml-3 m-auto">

                                    <div class="card col-sm-12 col-md-4 col-lg-4 col-xl-4" style="width: 18rem;">
                                        <img src="/img/u=2552706548,3395649075&fm=26&gp=0.jpg" class="card-img-top"
                                            alt="...">
                                        <div class="card-body">
                                            <p class="card-text">姓名：<br>职务：<br>年级：<br>专业：</p>
                                        </div>
                                    </div>

                                    <div class="card col-sm-12 col-md-4 col-lg-4 col-xl-4" style="width: 18rem;">
                                        <img src="/img/u=2552706548,3395649075&fm=26&gp=0.jpg" class="card-img-top"
                                            alt="...">
                                        <div class="card-body">
                                            <p class="card-text">姓名：<br>职务：<br>年级：<br>专业：</p>
                                        </div>
                                    </div>

                                    <div class="card col-sm-12 col-md-4 col-lg-4 col-xl-4" style="width: 18rem;">
                                        <img src="/img/u=2552706548,3395649075&fm=26&gp=0.jpg" class="card-img-top"
                                            alt="...">
                                        <div class="card-body">
                                            <p class="card-text">姓名：<br>职务：<br>年级：<br>专业：</p>
                                        </div>
                                    </div>
                                </div>

                                <div class="card-deck container m-auto">
                                    <div class="row mt-4 ml-3 m-auto">
                                        <div class="card col-sm-12 col-md-4 col-lg-4 col-xl-4 mt-3"
                                            style="width: 18rem;">
                                            <img src="/img/u=2552706548,3395649075&fm=26&gp=0.jpg"
                                                class="card-img-top" alt="...">
                                            <div class="card-body">
                                                <p class="card-text">姓名：<br>职务：<br>年级：<br>专业：</p>
                                            </div>
                                        </div>

                                        <div class="card col-sm-12 col-md-4 col-lg-4 col-xl-4 mt-3"
                                            style="width: 18rem;">
                                            <img src="/img/u=2552706548,3395649075&fm=26&gp=0.jpg"
                                                class="card-img-top" alt="...">
                                            <div class="card-body">
                                                <p class="card-text">姓名：<br>职务：<br>年级：<br>专业：</p>
                                            </div>
                                        </div>

                                        <div class="card col-sm-12 col-md-4 col-lg-4 col-xl-4 mt-3"
                                            style="width: 18rem;">
                                            <img src="/img/u=2552706548,3395649075&fm=26&gp=0.jpg"
                                                class="card-img-top" alt="...">
                                            <div class="card-body">
                                                <p class="card-text">姓名：<br>职务：<br>年级：<br>专业：</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <hr>
                <div class=" col-md-1 col-lg-1 col-xl-1 bg-light"></div>
            </div>


    </main>

    <footer>
        <div class="footer bg-black">
            @Copyright &#169 Swust Cait.club All rights reserved. <br>
            &#169 西南科技大学 计算机网络&技术协会 版权所有
        </div>
    </footer>
</div>

<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="/js/resources/jQuery.v3.4.1.js"></script>
<script src="/js/resources/popper.v1.16.0.js"></script>
<script src="/js/resources/bootstrap.js"></script>

<script src="/js/front/front.common.js"></script>
<script src="/js/front/front.index.js"></script>
</body>


</html>